body,div,p,ul,ol,li,dl,dt,dd,form,input,table,img,h1,h2,h3,h4,h5,h6,header,section,footer,nav,figure,figcaption,article{margin:0;padding:0}
header,section,footer,nav,figure,figcaption,article,menu{display:block}
body{font-size:12px;font-family:"微软雅黑";background: #ececec;position: relative}
ul,ol{list-style:none;}
a,a:hover{text-decoration:none;}
img{border:none;display:inline-block;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
em,i{font-style:normal;}
.l,.left{float:left;display:inline-block;}
.r,.right{float:right;display:inline-block;}
.clear:after{content:'';display:block;width:0;height:0;overflow:hidden;clear:both;}
header,nav,section,footer{min-width:320px;}
.w280{min-width:280px;margin:0 2%;}
.w300{min-width:300px;margin:0 3%;}
b{font-weight: normal;}
/*top*/
.pay_top{
    height: 50px;
    line-height: 50px;
    background: #f1521a;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.back_btn{
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    display: block;
    background: url("../../images/back.png") center no-repeat;
}
.apy_way{
    margin-top: 4px;
    font-size: 14px;
    margin-bottom: 190px;
}
.card_list{
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    margin-bottom: 20px;
}
.card_list p{
    width: 60%;
    border:1px solid #d8d8d8;
    margin: 0 20px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 32px;
    background: url("../../images/bank.png") 6px center no-repeat;
}
.card_list img{
    vertical-align: middle;
}
.apy_way h3{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    background: #fff;
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
}
.apy_way li,.card_list li{
    background: #fff;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    padding-left: 10px;
    position: relative;
}
.card_list li{
    padding: 15px 10px;
    margin: 0;
    border: none;
    height: 40px;
    line-height: 40px;
}

.apy_way li::after,.card_list li::after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    border-radius: 20px;
    border: 1px solid #e4e4e4;
}
.card_list li::after{
    top: 30px;
}
.apy_way li.active::after,.card_list li.active::after{
    border-color: #03e216;
    background: #03e216;
}
.apy_way li img{
    width: 90px;
    vertical-align: middle;
    margin-right: 10px;
}
.msg{
    margin:20px 0;
}
.msg p{
    float: left;
    width: 70%;
    color: red;
    font-size: 12px;
    text-align: justify;
}
.msg .tips,.rules{
    width: 20%;
    text-align: right;
}
.rules{
    float: left;
    margin-top: 20px;
}
.rules span{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background: #fff;
}
.rules.active span{

    background:#fff url("../../images/dui.jpg") center no-repeat;
    background-size: 80% 70%;
}
.msg{
    text-align: left;
}
.msg > span{
    display: block;
    width: 70%;
    float: left;
    margin-top: 20px;
    font-size: 12px;
}
.msg >span a{
    color: #009ad8;
}
.btn{
    height: 40px;
    line-height: 40px;
    background: #f1521a;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
}
.btn_box .btn{
    width: 80%;
}
.btn_box{
    position: fixed;
    bottom: 0px;
    text-align: center;
    width: 100%;
    background: #ececec;
    padding-bottom: 20px;
}
/**/
.err_msg,.add_crad,.code_box{
    padding: 10px;
    font-size: 14px;
    background: #ffffff;
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
}
.err_msg_btn .btn{
    width: 40%;
    margin: 0 5px;
}
/**/
.cardlist_btn{
    position: initial;
}
.card_btn .msg{
    margin-top: 0;
}
/**/
.add_crad,.code_box{
    padding: 20px 10px;
}
.add_crad input,.code_box input{
    width: 96%;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    padding-left: 10px;
}
.code_box input{
    width: 50%;
    float: left;
}
.code_btn {
    float: left;
    height: 32px;
    line-height: 32px;
    background: #f1521a;
    color: #fff;
    margin: 10px;
    text-align: center;
    width: 40%;
    border-radius: 4px;
}
.code_btn.active{
    background: #e4e4e4;
}